//创建router文件夹，并创建index.js，这个index.js，就是我们创建好的路由器
//创建好后，导入我们安装好的vue-router,这里导入以下两个模块就够用了
import { createRouter, createWebHistory } from 'vue-router'

//导入组件
import LayoutVue from '@/views/Layout.vue';
import LoginVue from '@/views/Login.vue';
import LearnValid from '@/views/LearnValid.vue';

//我们要做的是,定义访问的路径,以及该路径与组件的关系
//定义路由关系,定义的数组可以有多个js对象
const routes = [
    // 每个js对象，有两个属性
    { path: '/login', component: LoginVue },
    // path定义访问的路径，component定义访问当前路径后，展示的组件
    { path: '/', component: LoginVue },
    { path: '/layoutVue', component: LayoutVue },
    { path: '/learnValid', component: LearnValid }, 
]

//用createRouter方法,来创建路由器
const router = createRouter({
    //传递一个路由模式，在vue里有两种路由模式，这里用的history模式
    //用上边导入的函数来指定这个history模式
    history: createWebHistory(),
    //刚才定义的路由关系传进来
    routes: routes
})

//路由器创建好后，导出路由
export default router
